<template>
  <div>
    <bread class="filter">
      <h1>平台操作日志</h1>
      <div class="filter-block">
        <normal-filter
          :label="filters.text"
          @change="handleLanguage"
          :options="filters.dataset">
        </normal-filter>
      </div>
      <div class="filter-block">
        <normal-filter
          :label="time_filters.text"
          @change="handleLanguage"
          :options="time_filters.dataset">
        </normal-filter>
      </div>
      <div class="filter-block">
        <search-box
          ref="searchBox"
          class="search-box"
          placeholder="搜索成果"
          :keyword="keyword"
          @search="getSearchWords"
          @clear="clearSearch"
          @active="hideFilter = true"
          @deactive="hideFilter = false">
        </search-box>
      </div>
    </bread>
    <pageContent hasPagination hasFixedBottom>
      <el-table
        :data="tableData3"
        stripe
        >
        <el-table-column
          fixed
          prop="date"
          label="操作人"
          align="center"
          width="150">
        </el-table-column>
        <el-table-column
          prop="name"
          label="管理员类型"
          align="center"
          width="120">
        </el-table-column>
        <el-table-column
          prop="province"
          label="联系方式"
          align="center"
          width="120">
        </el-table-column>
        <el-table-column
          prop="city"
          label="IP地址"
          align="center"
          width="120">
        </el-table-column>
        <el-table-column
          prop="address"
          label="操作模块"
          align="center"
          width="300">
        </el-table-column>
        <el-table-column
          prop="zip"
          label="操作内容"
          align="center"
          width="120">
        </el-table-column>
        <el-table-column
          prop="zip"
          label="操作时间"
          align="center"
          width="">
        </el-table-column>
      </el-table>
    </pageContent>
    <pagination
      :total="total"
      :page-size="pageSize"
      @changePage="fetchData">
    </pagination>
  </div>
</template>

<script>
import NormalFilter from 'components/NormalFilter';
import SearchBox from 'components/SearchBox';
import pagination from 'components/pagination';
export default {
  name: 'hello',
  data () {
    return {
      filters: {
        dataset: [{txt: '全部', val: '0'}, {txt: '中文成果', val: '1'}, {txt: '英文成果', val: '2'}],
        text: '操作模块'
      },
      time_filters: {
        dataset: [{txt: '全部', val: '0'}, {txt: '中文成果', val: '1'}, {txt: '英文成果', val: '2'}],
        text: '操作时间'
      },
      total: 1000,
      pageSize: 30,
      keyword: null,
      hideFilter: true,
      tableData3: [{
        date: '2016-05-03',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1518 弄',
        zip: 200333
      }, {
        date: '2016-05-02',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1518 弄',
        zip: 200333
      }, {
        date: '2016-05-04',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1518 弄',
        zip: 200333
      }, {
        date: '2016-05-01',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1518 弄',
        zip: 200333
      }, {
        date: '2016-05-08',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1518 弄',
        zip: 200333
      }, {
        date: '2016-05-06',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1518 弄',
        zip: 200333
      }, {
        date: '2016-05-07',
        name: '王小虎',
        province: '上海',
        city: '普陀区',
        address: '上海市普陀区金沙江路 1518 弄',
        zip: 200333
      }]
    }
  },
  methods: {
    pass() {
    },
    getSearchWords() {

    },
    clearSearch() {

    },
    handleLanguage() {

    },
    fetchData(){

    }
  },
  components: {
    NormalFilter,
    SearchBox,
    pagination,
  }
};
</script>
<style scoped lang="scss">
  @import './index.scss';
</style>
